<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#div1{
				color: #f00;
				display: none;
			}
		</style>
	</head>
	<body>
		<div class="div1"></div>
		<div class="div1"></div>
		<div id="div2"></div>
		<div id="div1"></div>
		<div class="div1"></div>
		<div class="div1"></div>
	</body>
<script src="src/ec-do-1.1.4.js"></script>
<script type="text/javascript">
	window.onload=function () {
        let oDiv1 =document.querySelectorAll("div");
        for (let i = 0,len = oDiv1.length; i < len; i++){
            oDiv1[i].onclick = function(){
                console.log(i)
            }
        }
        //let ecDo =require('./dist/ec-do-2.0.0.js');
		let oDiv=document.getElementById("div1");
		ecDo.show(oDiv);
        ecDo.text(oDiv,'<div id="div1">45132134656</div>');
        let odiv2=ecDo.siblings(oDiv,'#div2')
        ecDo.css(odiv2[0],{'height':'300px','width':'300px','background':'#ccc'})

    }
</script>
</html>
